Skip to content

[codex] Improve dark mode accessibility contrast#9

Merged
offendingcommit merged 1 commit into
mainfrom
codex/darkmode-accessibility
May 12, 2026
Merged

[codex] Improve dark mode accessibility contrast#9
offendingcommit merged 1 commit into
mainfrom
codex/darkmode-accessibility

Conversation

@offendingcommit
Copy link
Copy Markdown
Owner

Summary

  • improve shared dark-theme tokens so secondary text, borders, surfaces, and accent treatments clear contrast more reliably
  • move shared inline color constants onto theme-aware CSS variables so badges, hover states, cards, and supporting UI inherit the accessibility improvements
  • raise the readability floor for small supporting text and ghost buttons, and fix the button focus ring offset token

Why

The dark theme was leaning on low-contrast supporting text and hardcoded accent overlays, which made secondary content and subtle interactive states harder to read than they should be.

Impact

Dark mode reads more clearly across the app without changing page structure or component behavior.

Validation

  • pnpm --dir packages/web test
  • pnpm --dir packages/web build

Notes

The test run still emits the existing jsdom window.scrollTo warning, but the suite passes.

@offendingcommit offendingcommit marked this pull request as ready for review May 12, 2026 15:06
@offendingcommit offendingcommit merged commit 9cc7d08 into main May 12, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant